<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>伪元素选择器</title>
		<style type="text/css">
			/*链接标签的四种状态
			 a:link 初始状态
			 a:hover 鼠标经过状态
			 a:active 激活状态
			 a:visited 访问过后
			 * */
		/*	a{
				color: black;
				font-size: 20px;
			}*/
			
			/*lvha的顺序书写*/
			/*a:link{
				color:black;
			}
			a:visited{
				color: #8A2BE2;
			}
			a:hover{
				font-size: 30px;
			}
			a:active{
				color: red;
			}*/
			
			/*a 一般使用 (1)设置 a    (2) a:hover*/
			a{
				color: black;
			
				font-size: 20px;
				text-decoration: none;
			}
			
			a:hover{
				text-decoration: underline;
			}
			
			li:first-child{
				color: red;
			}
			
			li:last-child{
				color: green;
			}
			
			
			
		</style>
		
	</head>
	<body>
		<h2>伪元素选择器的使用</h2>
		
		<a href="http://www.baidu.com">去百度</a>
		
		<ul>
			<li>苹果</li>
			<li>橘子</li>
			<li>葡萄</li>
		</ul>
		
	</body>
</html>
